<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    /*
        3.DOMContentLoaded 事件
           而 DOMContentLoaded 事件会在 DOM 树构建完成后立即触发，
           而不用等待图片、JavaScript文件、CSS 文件或其他资源加载完成。
           相对于 load 事件，DOMContentLoaded 可以让开发者在外部资源下载的同时就能指定事件处理程序，从而让用户能够更快地与页面交互。
     */

    document.addEventListener("DOMContentLoaded", (event) => {
        console.log('DOMContentLoaded!!')
    });

    // 对于不支持这个事件的,可以用下面的方法代替
    setTimeout(() => {
        // 要处理的事件
    }, 0)

</script>
</body>
</html>